<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>学生专区</title>
      <link rel="stylesheet" href="../static/css/bootstrap.min.css">
      <link rel="stylesheet" href="../static/css/hover-min.css">
      <link rel="stylesheet" href="../static/css/style.css">
      <link rel="stylesheet" href="../static/css/content.css">
    </head>
    <body>
        <!--导航栏-->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
              <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="javascript:void(0);"><img src="../static/img/header.png"/></a>
              </div>
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav">
                      <li><a class="nav-location" href="../info/index.html">门户网站</a></li>
                      <li><a class="nav-location" href="../allmanage/index.html">综合管理</a></li>
                      <li class="active"><a href="#">学生专区</a></li>
                      <li><a class="nav-location" href="../teamanage/index.html">教师专区</a></li>
                      <li><a class="nav-location" href="../promanage/index.html">管理员专区</a></li>
                      <li><a class="nav-location" href="../dailyjob/index.html">日常办公</a></li>
                      <li><a class="nav-location" href="#">关于我们</a></li>
                  </ul>
              </div>
            </div>
        </nav>

        <!--左侧菜单栏-->
        <div id="menuLeft">
            <ul>
                <li class="active"><a href="#stu-duty"><span>出勤状态</span></a></li>
                <li><a href="#stu-grade"><span>查看成绩</span></a></li>
            </ul>
        </div>

        <!--内容块-->
        <div class="content">
            <div id="stu-duty">
                <h3>出勤状态</h3>
                <div id="stu-dutyState">
                  <div class="dutyState hvr-sweep-to-right">
                      <div class="dutyStateContent">机器人实验 信工805 第一周 周五 第1、2节</div>
                      <div class="dutyStateStatus">状态: 未到</div>
                  </div>
                  <div class="dutyState hvr-sweep-to-right">
                      <div class="dutyStateContent">足球实验 信工806 第二周 周四 第5、6节</div>
                      <div class="dutyStateStatus">状态: 已到</div>
                  </div>
                </div>
            </div>
            <div id="stu-grade" style="display: none;">
                <h3>查看成绩</h3>
                <div id="stu-checkGrade">
                  <div class="checkGrade hvr-sweep-to-right">
                      <div class="checkGradeLab">机器人实验</div>
                      <div class="checkGradeContent">成绩未出</div>
                  </div>
                  <div class="checkGrade hvr-sweep-to-right">
                      <div class="checkGradeLab">足球实验</div>
                      <div class="checkGradeContent">98</div>
                  </div>
                </div>
            </div>
        </div>

        <script src="../static/js/jquery.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="../static/js/style.js"></script>
        <script src="../static/js/stumanage.js"></script>
    </body>
</html>
